<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <style>
    body{font:11px verdana,arial,sans-serif;}
    a{color:#0000cc;font-size:xx-small;}
  </style>

  <script language=JavaScript src='../scripts/innovaeditor.js'></script>
</head>
<body>

<h4>Full Features - Tabbed Toolbar (ASP example) - <a href="../default.htm">Back</a></h4>

<form method="post" action="default_toolbar2.asp" id="Form1">

  <textarea id="txtContent" name="txtContent" rows=4 cols=30>
  <%
  function encodeHTML(sHTML)
    sHTML=replace(sHTML,"&","&amp;")
    sHTML=replace(sHTML,"<","&lt;")
    sHTML=replace(sHTML,">","&gt;")
    encodeHTML=sHTML
  end function

  Response.Write encodeHTML(Request("txtContent"))
  %>
  </textarea>

  <script>
    var oEdit1 = new InnovaEditor("oEdit1");

    oEdit1.width=700;
    oEdit1.height=450;

    /***************************************************
      ADDING CUSTOM BUTTONS
    ***************************************************/

    oEdit1.arrCustomButtons = [["CustomName1","alert('Command 1 here.')","Caption 1 here","btnCustom1.gif"],
              ["CustomName2","alert(\"Command '2' here.\")","Caption 2 here","btnCustom2.gif"],
              ["CustomName3","alert('Command \"3\" here.')","Caption 3 here","btnCustom3.gif"]]

    /***************************************************
      RECONFIGURE TOOLBAR BUTTONS
    ***************************************************/

        oEdit1.tabs=[
            ["tabHome", "Home", ["grpEdit", "grpFont", "grpPara", "grpPage"]],
            ["tabStyle", "Objects & Styles", ["grpObjects", "grpLinks", "grpTables", "grpStyles", "grpCustom"]]
            ];

        oEdit1.groups=[
            ["grpEdit", "", ["Undo", "Redo", "Search", "SpellCheck", "ClearAll", "BRK", "Cut", "Copy", "Paste", "PasteWord", "PasteText", "RemoveFormat"]],
            ["grpFont", "", ["FontName", "FontSize", "BRK", "Bold", "Italic", "Underline","Strikethrough","Superscript","Subscript", "ForeColor", "BackColor"]],
            ["grpPara", "", ["Paragraph", "Indent", "Outdent", "LTR", "RTL", "BRK", "JustifyLeft", "JustifyCenter","JustifyRight","JustifyFull", "Numbering","Bullets"]],
            ["grpPage", "", ["Save", "Print", "Preview", "BRK", "FullScreen", "XHTMLSource"]],
            ["grpObjects", "", ["Image", "Flash","Media", "CustomObject", "BRK","CustomTag", "Characters", "Line", "Form"]],
            ["grpLinks", "", ["Hyperlink","InternalLink", "BRK", "Bookmark"]],
            ["grpTables", "", ["Table", "BRK", "Guidelines"]],
            ["grpStyles", "", ["StyleAndFormatting", "Styles", "BRK", "Absolute"]],
            ["grpCustom", "", ["CustomName1","CustomName2", "BRK","CustomName3"]]
            ];

    /***************************************************
      OTHER SETTINGS
    ***************************************************/
    oEdit1.css="style/test.css";//Specify external css file here

    oEdit1.cmdAssetManager = "modalDialogShow('/Editor/assetmanager/assetmanager.asp',640,465)"; //Command to open the Asset Manager add-on.
    oEdit1.cmdInternalLink = "modelessDialogShow('links.htm',365,270)"; //Command to open your custom link lookup page.
    oEdit1.cmdCustomObject = "modelessDialogShow('objects.htm',365,270)"; //Command to open your custom content lookup page.

    oEdit1.arrCustomTag=[["First Name","{%first_name%}"],
        ["Last Name","{%last_name%}"],
        ["Email","{%email%}"]];//Define custom tag selection

    oEdit1.customColors=["#ff4500","#ffa500","#808000","#4682b4","#1e90ff","#9400d3","#ff1493","#a9a9a9"];//predefined custom colors

    oEdit1.mode="XHTMLBody"; //Editing mode. Possible values: "HTMLBody" (default), "XHTMLBody", "HTML", "XHTML"

    oEdit1.REPLACE("txtContent");
  </script>

  <input type="submit" value="Submit" id="btnSubmit">

</form>

</body>
</html>